<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>创新机制信息</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../yl/style.css">
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">实践详情</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px">
            <div class="yl-main">
                <el-tabs type="border-card" style="height: 100%; margin-top: 20px;">
                    <el-tab-pane label="表格" style="height: 100%; ">
                        <div style="display: flex; flex-direction: column; height: 100%;border-bottom: 1px solid #ebeef5; ">
                            <div class="title" style="flex-shrink: 0;">
                                <div>
                                    <el-button icon="Refresh" style="margin: 0; margin-right: 10px;" @click="reset">重置</el-button>
                                    <el-button type="primary" icon="CirclePlus" style="margin: 0; margin-right: 10px;"
                                        @click="personalAdd" plain round>添加</el-button>
                                </div>
                            </div>
                            <el-table id="table"
                                :data-options="JSON.stringify({ 'TableName': 'innovation_practice','primary_key':'Innovation_Practice_SerialNumber'})"
                                tooltip-effect="dark" :data="Data" border style="margin-top: 20px;" height="100%">
                                <el-table-column width="50" align="center" type="index"></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Innovation_Practice_SerialNumber"
                                    label="创新实践流水号"></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Innovation_Mechanism_Name"
                                    label="创新机制"></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Innovation_Mechanism_Detail_Name"
                                    label="任务说明" show-overflow-tooltip></el-table-column>
                                <el-table-column show-overflow-tooltip min-width="180" align="center" prop="Innovation_Mechanism_Target"
                                    label="目标"></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Action_Content"
                                    label="实践内容" show-overflow-tooltip></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Action_Date"
                                    label="行动日期"></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Personal_Name"
                                    label="实践人"></el-table-column>
                                <el-table-column min-width="180" align="center" prop="Agensies_Name"
                                    label="组织名称"></el-table-column>
                                    
                                <el-table-column label="操作" align="center" fixed="right" width="180">
                                    <template #default="{row}">
                                        <div
                                            style="display: flex; align-items: center; justify-content: center; width: 100%;">
                                            <el-button size="small" style="margin-right: 10px;" @click="xinwen(row)">
                                                新闻发布
                                            </el-button>
                                            <el-dropdown trigger="click">
                                                <el-button type="danger" size="small">
                                                    更多<el-icon class="el-icon--right"><arrow-down /></el-icon>
                                                </el-button>
                                                <template #dropdown>
                                                    <el-dropdown-menu>
                                                        <el-dropdown-item @click="handleEdit(row)">
                                                            详情
                                                        </el-dropdown-item>
                                                        <el-button size="small" @click="xinwenjilu(row)">
                                                            新闻发布详情
                                                        </el-button>
                                                        <el-dropdown-item @click="handleDelete(row)">
                                                            删除
                                                        </el-dropdown-item>
                                                    </el-dropdown-menu>
                                                </template>
                                            </el-dropdown>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="时序图">
                        <el-timeline :reverse="true" class="custom-timeline">
                            <el-timeline-item v-for="(activity, index) in innovation_practice" :key="index">
                              <div style="margin-bottom: 10px;">实践日期：{{activity.Action_Date}}</div>
                              <div style="margin-bottom: 10px; display: flex;">
                                实践内容：
                                <el-card style="width: 500px;">
                                  {{activity.Action_Content}}
                                </el-card>
                              </div>
                            </el-timeline-item>
                          </el-timeline>
                    </el-tab-pane>
                </el-tabs>

            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/show.js"></script>

</html>